@import url(layout.css);
/*******重置WEUI 部分样式*******/
.weui-cells_radio{
	width: 64%;
	margin: auto;
}
.weui-cells_radio .weui-check__label{
	width: 45%;
	float: left;
	
	padding: 5px 0px;
	text-align: center;
	color: #fff;
	background-color: #f19ec2;
}
.weui-cells_radio .weui-check__label:first-child{
	margin-right: 10%;	
	background-color: #7ecef4;
}
.weui-cells:before{
	border-top:none
}
.weui-cells:after{
	border-bottom:none
}
.weui-cell:before{
	border-top:none
}
.weui-cell:after{
	border-bottom:none
}
.weui-cells{
	background: none;
	
	
	margin-top: 0px;
}
.weui-cells .weui-cell{
	padding: 5px 0px;
	margin-top:1em;
	border-radius: 1em;
	
}

input::-webkit-input-placeholder { /* WebKit browsers */ 
	color: #666; 
} 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
	color: #666; 
} 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	color: #666; 
} 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
	color: #666; 
}

input.weui-btn {  width: 68%;  }
.weui-btn_primary {  background-color: #beacff;  border-radius: 0.926rem;}
.weui-popup__container {  z-index: 2000;  }
.weui-popup__modal {  background: #FFF;}
.weui-dialog,
.weui-toast {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    opacity: 0;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    margin: 0;
    top: 45%;
    z-index: 2000;
}
/*******重置WEUI 结束*******/

.mpart { background-image: url(../../images/bg3.png); background-size: 100% 10rem;}
.vision { position: absolute; width:100%; }
.vision .s_mide { height:15.5rem;}
.vision_bottom { position:absolute; bottom:-1rem;}
.vision .s_botm:nth-child(1n), .vision .s_botm:nth-child(2n) { margin-top: 0;}

.inp_form { text-align: center; padding-top: 1.6rem; position:relative;margin-bottom: 1.8rem;}
.inp_form .inp_area:nth-child(2n){background:url(../../images/inp_area2_line.png) no-repeat center 0;background-size:100%;padding-top: 0.7rem;margin-top:0.7rem;}
.inp_form strong { color: #fff; font-size: 0.6rem; display:block; font-weight: 400; dtext-shadow: 0px 0px 8px rgba(36, 51, 117, 0.68);}

.inp_form .inpbox { width:64%;}
.inp_form .timebox { width:4rem;}
.inp_form .placebox { width:6rem;}
.inp_form em { background:#8fc3e2;}

.view .mpart { background-size: 100% 16rem;}
.view .vision .s_mide { height:14rem;}
.mpart .inp_form .inp_area:nth-child(2n){padding-top: .8rem;margin-top: .8rem;}




.chk_div{ margin-left: 30%;}
.chk_div label{ width: 6em;  height: 3em;  border-radius: 50%; line-height: 3em; color: #fff;float: left;   margin: 1em;position: relative; }
/*把优化后的按钮图片设置为该div的背景图片，把该div定位到原生样式的上方，遮盖住原生样式。*/
.radio .option {  
	/*width: 3em; */
	 /*height: 3em;*/
	/* border-radius: 50%;*/
	  /* line-height: 3em; */
	   color: #fff;
	    top: 0px; 
	    left: 0px;    
	      background: rgba(255, 255, 255, 0.1); 
	       background-size: cover; 
	        position: absolute;  
	        
	width: 7em;
    height: 2.2em;
    border-radius: 2em;
    line-height: 2.2em;
    color: #fff;
    top: 0px;
    left: -52px; 
	        
	        
	        }
/*为了保险起见，把原生样式隐藏掉*/
.radio input[type="radio"] {   display: inline-block ;  opacity: 0 ;  }
/*当radiuo被选中时，把input下边的div标签的背景图片替换掉*/
input[type="radio"]:checked+div { background: #dc81a6;  }





.toollist { padding: 0 .2rem .6rem .2rem; border-bottom: solid 1px #eee; margin-bottom: .4rem }
.toollist ul{ display: -webkit-box;}
.toollist ul li{ -webkit-box-flex: 1;}
.toollist ul li img{ width:1.2rem; height:1.2rem; margin:0 auto 0.1rem; display:block; border-radius: 5px; background:#eee;}
.toollist ul li span{ display:block; text-align: center; font-size: 0.37rem; min-width: 2.3rem}

/*查询结果*/
.top_box { padding-top:1.5rem; overflow: hidden; }
.top_box h2{ color:#fff; font-size:0.46rem; margin-bottom: 0.7rem; text-align: center;}
.top_box h2 strong { line-height: .62rem; display: block; padding: .2rem .4rem }
.top_box h2 small { display: inline-block; font-size: .32rem; background:rgba(31,56,128,0.3); border-radius: .3rem; padding: .1rem .2rem}
.m_box{ max-width: 640px; padding-bottom:1rem;position: relative;}
.m_box .a_icon { margin-left: 3.3333rem; height: 4.6rem; overflow: hidden }
.m_box .a_icon span { width:3.3333rem; display: inline-block; float: left; text-align: center; vertical-align: bottom }
.m_box .a_icon span i {  clear: both; background:rgba(255,255,255,0.3); dwidth: 2.3rem; padding:0.2rem; border-radius: 100%; display: inline-block; dmargin: 0 auto;}
.m_box .a_icon span i img{ width:2.3rem; height:auto; display:block;}
.m_box .a_icon span:nth-child(2n) i {  margin-top: 1.6rem }
.m_box .a_icon span:nth-child(2n) i img { width: 1rem; }
.m_box .a_icon span:nth-child(2n) strong { display: none }
.m_box .a_icon span em { font-size: .26rem; color: #fff; clear: both; display: block }
.m_box .a_icon span strong { overflow: hidden }
.m_box .a_icon span strong { display:block; text-align: center; margin-top: 0.1rem;}
.m_box .a_icon span strong { color:#ffb9b8; font-size: 0.5rem;}
.m_box .a_icon span strong small { color:#4662b3; font-size: 0.33rem; display: block; margin-top: .1rem;}

.m_box ul { margin:0.37rem 0.5rem; background:rgba(31,56,128,0.3); border-radius:10px; color:#e2e9ff; padding: 0.37rem 0.5rem; box-sizing:border-box; font-size:0.36rem; line-height:0.8rem; }
.m_box ul li { float:left; width:50%;}
.viewcont { width: 100%;}
.other em { float:left; display:block; width:1rem; height:1rem; border-radius:100%; background:#f79896;}
.other em img { width:100%; height:auto;}
.other span { display:block; margin-left: 1.2rem; background:#f79896; height:1rem; line-height: 1rem; color:#fff; padding:0 0.2rem; border-radius: 5px;}
.other span i { float:right; background:url(../../images/arrow_r.png) no-repeat right center; background-size: 0.15rem auto; padding-right: 0.3rem; font-size: 0.38rem;}

.advan { margin:0.5rem 0 0.2rem; border-bottom: 1px solid #eee; padding-bottom: 0.3rem;}
.advan p { line-height: 0.8rem; margin-bottom: 0.3rem;}
.advan p span{color:#fff;background: #84cfb8;padding:0 0.2rem;border-radius: 5px;display:inline-block;margin-right: 5px;}
.advan p:nth-child(2n) span { background:#f79896;}
.advan p:nth-child(3n) span {background: #a3d2f5;}

.info p{ line-height:1rem; font-size: 0.463rem;}
.info p strong{ color:#9198f4; font-weight: 700;}

.viewcont .li_txt{ margin:0;padding:0 0.37rem;width: 100%;box-sizing:border-box;}
.viewcont .li_txt a{ color:#6280c6;}

.list_more { margin-bottom: 0.3rem;}
.tline{ padding-top: 0.3rem;}
.list_more .li_txt{ margin:0.3rem 0.37rem 0; border-top: 1px solid #eee; padding-top:0.3rem;}
.list_more .li_txt:nth-child(2){ border: 0; padding:0;}
.list_more .li_txt2 li{ width:50%; float:left;}
.list_more .li_txt4 li{ width:25%; float:left;}
.cont {padding:0 0.37rem; }
.cont p { margin: .36rem 0; }

.back { background-size: 100% 16rem; padding: .5rem 0; }
.back  a { background: #9791d6; color: #fff; border-radius: 1rem; line-height: 1rem; display: block; width: 4rem; margin: 0 auto; text-align: center }



.pl_tbox{ margin: 1.5rem 0.37rem 1.7rem; position:relative;}

.pl_btn{ text-align: center; margin-top:0.5rem;position: relative; }
.pl_btn a{ display:inline-block; height:0.9rem; width:35%; border-radius: 0.9rem; line-height: 0.9rem; background:#9d5e64; color:#fff; margin:0 0.5rem 0;}
.pl_btn a:nth-child(2){ background:#638db2;}

.pl_list h2{ margin-bottom: 0.2rem;}
.pl_list h2 img{vertical-align:sub;width: 0.6rem;}
.pl_list p { 
	line-height: 0.6rem;
font-size: 12px; 
margin: 0.36rem  0.37rem;
}
.pl_list{
	width: 90%;
	margin-left: 5%;
	margin-top: -10px;
	
}
.pl_list p span{color:#fff;background: #84cfb8;padding:0 0.2rem;border-radius: 5px;display:inline-block;margin-right: 5px;}
.pl_list p:nth-child(2n) span { background:#f79896;}
.pl_list p:nth-child(3n) span {background: #a3d2f5;}
/*性格测试部分开始*/
/*自动解盘*/

#p-jiepan { border-radius:24px; border:1px solid #594124; height:29px; width:75px; margin-left:20px; color:#594124; text-align:center; line-height:30px; }
#power-jiepan { position:absolute; top:20px; left:0; width:320px; }
/* power主体部分 */
.p-range { width:70px; background:linear-gradient(#EDEDED 0%, #F5F5F5 50%, #FEFEFE 100%); background:-webkit-linear-gradient(#EDEDED 0%, #F5F5F5 50%, #FEFEFE 100%); height:8px; border:1px solid #7B9CBC; position:absolute; box-shadow:1px 1px 1px #87A6C1; }
.p-li, .p-zhi, .p-ren, .p-xin, .p-yi { height:8px; /*background:red;*/ }
/* 五个的颜色样式*/
.p-xin { background:linear-gradient(#F1D38D 0%, #D7AE5F 50%, #C49546 100%); background:-webkit-linear-gradient(#F1D38D 0%, #D7AE5F 50%, #C49546 100%); }
.p-yi { background:linear-gradient(#F9EA22 0%, #F0CE11 50%, #E5AF0D 100%); background:-webkit-linear-gradient(#F9EA22 0%, #F0CE11 50%, #E5AF0D 100%); }
.p-zhi { background:linear-gradient(#48BBE4 0%, #36A9D4 50%, #3094BA 100%); background:-webkit-linear-gradient(#48BBE4 0%, #36A9D4 50%, #3094BA 100%); }
.p-ren { background:linear-gradient(#D7E343 0%, #C2CE2A 50%, #ABB620 100%); background:-webkit-linear-gradient(#D7E343 0%, #C2CE2A 50%, #ABB620 100%); }
.p-li { background:linear-gradient(#FD5A0A 0%, #D22B01 50%, #A80300 100%); background:-webkit-linear-gradient(#FD5A0A 0%, #D22B01 50%, #A80300 100%); }
.p-num { position:absolute; top:0px; width:70px; text-align:center; font-size: 14px; }
.power-box { position:relative; width:320px; min-height: 10rem; top:3rem;  margin: 0 auto;}
#power-power { width:225px; position:absolute; top:0; left:47px; }
#rizhus { position:absolute; top:87px; left:131px; width:56px; }
/* 五个图片位置*/
img[data-con="RenText"] { width:70px; position:absolute; top:145px; left:55px; }
img[data-con="LiText"] { width:70px; position:absolute; top:30px; left:19px; }
img[data-con="XinText"] { width:70px; position:absolute; top:-55px; left:127px; }
img[data-con="YiText"] { width:70px; position:absolute; top:30px; left:232px; }
img[data-con="ZhiText"] { width:70px; position:absolute; top:145px; left:184px; }
/* 百分比框*/
#power-xin { top:16px; left:128px; }
#power-yi { top:99px; left:229px; }
#power-zhi { top:214px; left:187px; }
#power-ren { top:214px; left:52px; }
#power-li { top:99px; left:18px; }
#pages {  /*此处的负值是宽度的一半*/
    position: absolute;
    width: 320px;
    left: 50%;
    margin-left: -160px; height: 380px;  }
/*性格测试部分结束*/

/*人体健康*/
#m-header { position: absolute; top: 21px; left: 45px; }
#m-header img { width: 67px; }
#m-zhishu { min-width: 88px; min-height: 163px; position: absolute; top: 212px; border: 1px solid #BCA67C; left: 9px; color: #292826; padding: 5px 7px; border-radius: 5px; background: rgba(246, 241, 234, 0.7); }
#m-zhishu li { list-style: none; padding: 2px 0;font-size: 0.33rem;}
.mz-range { width: 80px; min-height: 8px; background: #A8A090;/*border-radius: 4px;*/}
#m-shang img { width: 28px; position: absolute; }
.mzr-num { min-height: 8px; width: 0px; background: red;/*border-radius: 4px;*/}
#m-zao { position: absolute; top: 205px; left: 132px; }
#m-shi { top: 211px; position: absolute; left: 164px; }
.m-click { position: absolute; z-index: 5; width: 30px; height: 30px; text-align: center; background-color: rgba(255, 255, 255, 0.5); border: 1px solid #875D34; border-radius: 8px; }
/*金木水灰土颜色*/
#mzr-huo { background: #DF6F24; }
#mzr-jin { background: #D5A817; }
#mzr-tu { background: #A98B4C; }
#mzr-shui { background: #4B6F9E; }
#mzr-mu { background: #709645; }
#man-body { position: absolute; top: 21px; left: 0px; width: 157px; }
#m-zao img, #m-shi img { width: 30px; }
#m-shang { position: absolute; top: 21px; left: 87px; width: 157px; }
.man-shang1 { top: 168px; left: 7px; }
.man-shang2 { top: 16px; left: 72px; }
.man-shang3 { top: 38px; left: 78px; }
.man-shang4 { top: 57px; left: 63px; }
.man-shang5 { top: 158px; left: 14px; }
.man-shang6 { top: 80px; left: 31px }
.man-shang7 { top: 160px; left: 88px; }
.man-shang8 { top: 225px; left: 50px; }
.man-shang9 { top: 250px; left: 70px; }
#man-bodys { top: 23px; left: 175px; }
#man-dantian { top: 174px; left: 147px; }
#m-box img { width: 30px; }
.man-hongshang { top: 180px; left: 95px; }
.man-wuxing { text-align: center; border-bottom: 1px solid #A8A090; }
#body-detail { position: absolute; bottom: 100px; right: 2px; }
#body-detail .m-click { height: 48px; width: 53px; background: none; border: none;     }
#new-wuzang { position: absolute; top: 80px; left: 129px; }
#new-wuzang img { width: 69px; }
/*辅助分析*/
#detail-box { width: 100%; min-height: 422px; position: relative; overflow: hidden; }


#new-mu {
    top: 0px;
}
#new-jin {
    top: 48px;
}
#new-huo {
    top: 100px;
}
#new-tu {
    top: 152px;
}
#new-shui {
    top: 202px
}


#new-wuzang { left: 43px; }
#man-dantian { left: 59px; }
#m-zao { left: 46px; }
#m-shi { left: 76px; }
#man-zao { top: 239px; left: 115px; }
#man-shi { top: 280px; left: 115px; }
.man-hongshang { left: 3px; }
#man-bodys { left:87px; }
#m-shang { left:0px; }

/*人体健康结束*/

/*运程*/
.tree-more { width:30px; height:30px; background:#fff; border-radius:15px; line-height:30px; text-align:center; position: absolute; right: 10%; top:13%; }
.input-order { width:80px; height:31px; background:#fff; border-radius:15px; line-height:31px; text-align:center; position: absolute; right: 0; top:5%; }
#cur-year, #ye { float: left; color: #757575; border: 1px solid #C6B6A3; padding: 5px 10px; background: rgb(239, 248, 253); }
#cur-year { margin-right: 10px; border-top-right-radius: 27px; border-bottom-right-radius: 27px; }
#ye { border-radius: 27px; }

.img-box { position: absolute; top: 69px; width: 253px;  margin-left: 115px; }
.img-box li img, .ssha-box li img { width: 50%; }
.top-box { position: absolute; top: 5px; width: 290px; margin-left: 115px; }
.ssha-box { position: absolute; top: 133px; width: 253px;  margin-left: 115px; }
.img-box li, .top-box li, .ssha-box li { list-style: none; float: left; width: 37px; height: 40px; padding: 0 3px; position: relative; }
.top-box li:nth-child(1), .img-box li, .ssha-box li:nth-child(1) {  width:37px!important;  }
#year-nav {  width: 100%;  background:#fff;  height: 40px;  border-bottom: 1px solid #94A3AA;  }
#year-nav .swiper-container { width:100%; height: 40px;  background:#fff;  }
#year-nav li {  list-style: none;  float: left;  width: 19%;  vertical-align: middle;  line-height: 18px;  padding-top: 4px;  padding-bottom: 4px;  text-align: center;  background: #fff;  color: #4b4b4b;  border: 1px solid #d7d7d7;  border-left:none;  }
.box-rows {  width: 100%;  overflow: hidden;  margin: 5px 0; }
.box-rows button {  border-radius: 0.8rem;color: #fff;  background: rgba(0, 0, 0, 0.2);  text-align: center;  padding: 5px 10px;  margin-right: 7px; font-size: 0.426rem;}
#yuncheng-box{position: relative;min-height: 400px;}

/*运程*/


.sx{text-align: center;}
.sx img{ height:2rem; display:block; margin:0.2rem auto;}
.sx em{font-size: .36rem; color: #fff; clear: both; display: block;z-index: 500}
.sx em i{ float:right; background:url(../../images/arrow3.png) no-repeat center; margin:0.3rem 0 0 0.2rem; background-size:100%; width:0.25rem; height:0.25rem; display:inline-block;}
.sx p{ color:#fff; font-size:0.35rem; width: 6rem; margin: 0.5rem auto .3rem; line-height: 0.5rem;}
.sx p span { white-space: nowrap; margin: 0 .15rem; display: inline-block }
.xingshen {overflow: hidden;margin: 0 auto;width: 110%;}

.xingshen li{float: left;list-style: none;width: 40px; height: 40px; text-align: center; background-color: rgba(255, 255, 255, 0.5); border: 1px solid #875D34; border-radius: 8px;margin: 0.3rem 0.4rem}
.buy{text-align: center;}
.buy_buy {  background: #8FC3E2;  height: 0.8rem;  display: inline-block;  padding: 0 0.4rem; border-radius: 0.8rem;  line-height: 0.8rem;  color: #fff; margin-top: 0.5rem; }
.buy p{ color:#c8d7ff; background:rgba(71, 99, 173, 0.4); border-radius: 5px; padding:0.3rem .4rem;  line-height: 0.8rem; margin: 0.5rem 0; font-size: 0.38rem;text-align: left;}



#topNav .swiper-slide {padding: 0 5px;letter-spacing:2px;width:2rem;text-align:center;}
#topNav .swiper-slide span{transition:all .3s ease;display:block;}
#topNav .active span{transform:scale(1.1);color:#FF2D2D;}
.clear{ float:none; clear:both; height:auto; border:none;}
.clear:after{ clear: both;content: " ";display: block;font-size: 0;height: 0;overflow: hidden;visibility: hidden;}
.lday {width:100%; }
.lday h2{ color:#fff; font-size: 0.417rem; float: left; margin: 0 0 0 .5rem}
.lday strong { background: url(../../images/bg_mon.png) no-repeat; color:#9997ec; font-size: .3rem; background-size: 100% auto; display: block; width: 1.2rem; height: 1.5rem; text-align: center; line-height: 1.2rem; float: right; margin-right: 4rem }
.lday strong span { font-size: .6rem;}
.lday .dlist { border-bottom: solid 1px rgba(255,255,255,0.65); }
.lday .swiper-wrapper .swiper-slide{ width: 1.7rem; float:left; text-align: center; -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s;}
.lday .swiper-wrapper .swiper-slide a{  color: #fff; display: block; text-align: center; font-size: .25rem;}
.lday .swiper-wrapper .swiper-slide i{ height: 5px; display: block; width: 5px; border-radius: 10px; overflow: hidden; background: rgba(255,255,255,0.65); margin: -24px 0 5px .7rem }
.lday .swiper-wrapper .swiper-slide em{ display: inline-block; border-radius:100%; font-size: 0.417rem; line-height:0.8rem; margin: 0 auto;}
.lday .swiper-wrapper .cur em { background:rgba(255,255,255,0.85); width:1.4rem; height:0.8rem; color:#9997ec;}
.lday .swiper-wrapper .swiper-slide:last-child { width: 1.4rem; height: .8rem }


/*算命排盘*/
.sst-table { width: 100%; height: 200px;}
.sst-table tbody tr td { width: 20%; line-height: 25px; min-height: 25px; text-align: center; }
.sst-table img { width: 40px; }
.base-tr td { border-right:1px solid #E7E7E7; }
.base-a { background: #F7E3CA; width: 20px; height: 20px; margin: 0 auto; line-height: 20px; color: #ac5e01; display: block; border: 1px solid #ac5e01; position:relative; }
.base-a:after { content: ""; width: 5px; background: #F7E3CA; height: 5px; position: absolute; border-right: 1px solid #ac5e01; bottom: -4px; left: 7px; border-bottom: 1px solid #ac5e01; transform: rotate(45deg); -webkit-transform:rotate(45deg); }
.base-td-right { padding-right: 10px; text-align: right !important; }

#sst-paipan__date { min-height: 135px; background:#FFF; padding:0px 15px;}
#sst-paipan__date li { list-style: none;  height: 30px; }
#sst-paipan__box { min-height: 220px; background:#FFF}
#base-mingpan {  height: 20px;  line-height: 20px; padding:0px 15px;}


/*购买流年运程*/
.goumai_div {margin: 5%}
.goumai_div label{ width: 100%;  height: 3em; line-height: 3em; color: #fff;float: left; margin-bottom: 1em; border-radius:5px;position: relative; }
/*把优化后的按钮图片设置为该div的背景图片，把该div定位到原生样式的上方，遮盖住原生样式。*/
.goumai_radio .goumai_option {  width: 100%;  height: 3em;  line-height: 3em; color: #fff; top: 0px; left: 0px; color: #666;border: 1px solid #dcdcdc;text-align: center; border-radius:5px;position: absolute;  }
/*为了保险起见，把原生样式隐藏掉*/
.goumai_radio input[type="radio"] {   display: inline-block ;  opacity: 0 ;  }
/*当radiuo被选中时，把input下边的div标签的背景图片替换掉*/
/*input[type="radio"]:checked+span { color: #f5b479;border: 1px solid #f5b479; font-weight: 500; }*/
.goumai_buy {  background: #8FC3E2;  height: 0.8rem;  display: inline-block;  padding: 0.1rem 1.4rem; border-radius: 0.8rem;  line-height: 0.8rem;  color: #fff; text-align: center;margin-top: 0.5rem;    margin-left: 24%; }